<!DOCTYPE html>
<html>
	<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/select_table.css" />
		<title>选择位置</title>
        </head>
        <style>
                span{
			text-decoration: underline;
		}
		a{
			color: #E7C698;
		}
        </style>
	<body> 
        <div class="web">
                <span class="back">返回</span>
                <div data-bnum = "宾" class="bigTable">
                                <span class="bt_txt">主宾桌</span>
                                <div class="circle circletof circleT"><div data-num= "1"  data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                                <div class="circle circletof circleLt"><div data-num= "2" data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                                <div class="circle circletof circleRt"><div data-num= "3" data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                                <div class="circle circletof circleLb"><div data-num= "4" data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                                <div class="circle circletof circleRb"><div data-num= "5" data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                                <div class="circle circletof circleB"><div data-num= "6" data-sel="f_alse"  style="display: none;"><img src="img/c_tcon.png"></div></div>
                               
                </div>
                <!-- <div class="bigTable">
                        <span class="bt_txt">主宾桌</span>
                        <div class="circle circleT ">
                                <div><img src="img/c_tcon.png"></div>
                        </div>
                        <div class="circle circleLt"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                </div> -->
                <div class="cir_box">
                        <!-- <div class="table hastable">
                                <span class="t_txt">第一席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第二席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第三席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>    
                        <div class="table hastable">
                                <span class="t_txt">第四席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第五席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table addtable">
                                <span class="t_txt"></span>
                                <div class="circle circleT">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>                 -->
                </div>
                <!-- <div class="table addtable">
                        <span class="t_txt"></span>
                        <div class="circle circleT">
                                <div><img src="img/c_tcon.png"></div>
                        </div>
                        <div class="circle circleLt">
                                <div><img src="img/c_tcon.png"></div>
                        </div>
                        <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                        
                </div>   -->
               <footer class="f_text">
                        您是第__位宾客，目前已有__位宾客入席
               </footer>
               <footer class="f_text2">
                        你已成功入席，<br>你的座位是__桌第__位
                </footer>
             
                <a class="homeBtn" href="z_index.html"><img src="img/c_home.png"></a>
           

               <!--弹窗-->
               <div class="Popup">
                        <div class="Popup_content">
                            <p>欢迎来到<span>小李</span>的囍宴</p>
                            <section><a href="input.html">我要入席</a></section>
                            <section><a style="color: #e7c598;" href="paiming.html">查看囍宴的排行榜</a></section>
                            <section>我也要制作我的囍宴</section>
                            <span class="close_Pu">
                                    <img src="img/c_close.png">
                            </span>    
                        </div>
               </div>
        </div>
        <script src="js/jquery-2.1.0.js"></script>
        <script src="js/table.js"></script>
        <script src="js/renderTable2.js"></script>
        <script>
        	$("section").eq(0).on("click",function(){
        		$(".Popup").css("display","none");
        		$(".Popup").css("display","none");
        	})
        	$("section").eq(2).on("click",function(){
        		$(".Popup").css("display","none");
        		$(".Popup").css("display","none");
        	})
        </script>
	</body>
</html>

